<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>演示setInterval</title>
	</head>
	<body>
		<input type="button" value="开始执行定时循环函数" onclick="runInterval()" />
		<script>
			var count = 1;
			function runInterval(){
				
				document.write("开始执行函数runInterval <br />");
				
				var timer = setInterval(function(){
					document.write("开始执行函数runInterval内的setInterval, 第" + count + " 次执行 <br />");
					count += 1;
					if( count == 11){
						// 清除已定义的setInterval.参数为对应的setInterval的返回值
						clearInterval(timer);
					}
				}, 1000);
				
				// 此行会在setInterval内的逻辑执行前执行。因为setInterval只会把内部的执行逻辑推迟执行。
				// 但是并未阻塞当前页面其他的js代码执行
				document.write("结束执行函数runInterval <br />");
			}
		</script>
	</body>
</html>
